
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="koni.zhang">
    
	

    <title>twoPLUGS Inc</title>

    <!-- Bootstrap core CSS -->
    

    {{HTML::style('css/bootstrap.css')}}
     <!-- Custom styles for this template -->
   
  
	   {{HTML::style('css/twoplugs-main.css')}}
	
	
		<style>
	
    </style>
	


	
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

{{HTML::script('js/twoplugs-main.js')}}

    <![endif]-->
  </head>

  <body>
<div class="modal" id="myModal">
  <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h4 class="modal-title">Logout</h4>
        </div>
        <div class="modal-body">
          Are you sure you want to logout?
        </div>
        <div class="modal-footer">
          <a href="#" data-dismiss="modal" class="btn">Cancel</a>
          <a href="/signout" id="btn_logout" class="btn btn-primary">Log out</a>
        </div>
      </div>
    </div>
</div>

    <!-- Wrap all page content here -->
    <div id="wrap">

      <!-- Fixed navbar -->
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container" >
        
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="/">twoPLUGS</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse">
    <ul class="nav navbar-nav" >
      <li class="active"><a href="/">Home</a></li>
      <li><a href="#">Profile</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Search <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">People</a></li>
          <li><a href="#">Service</a></li>
          <li><a href="#">Something</a></li>
        </ul>
      </li>
  	<li>
    <form class="navbar-form" role="search">
      <div class="form-group">
        <input type="text" class="form-control" id="search_txt" placeholder="Search">
      </div>
      <button type="submit" class="btn btn-default ">Submit</button>
    </form>
	<li>
	</ul>
    


     <div class="loginsession pull-right">


        @if(Auth::check())
          <a class="col-lg-1" href="/message" title="news"> <span class="glyphicon glyphicon-envelope"></span> </a> 
          <a class="col-lg-1" href="/profile/1" title="view profile"> <span class="glyphicon glyphicon-cog"></span> </a>
          <a class="col-lg-1" href="/rtpass" title="reset password"> <span class="glyphicon glyphicon-tint"></span> </a> 
  			  <a class="col-lg-1" href="" id="signout" data-toggle="modal" data-target="#myModal" title="Signout"> <span class="glyphicon glyphicon-user"></span> </a>
        @else	
             
			   <a  class="col-lg-1"  href="/login" title="login"> <span class="glyphicon glyphicon-user"></span> </a>
		@endif	   
     </div>
	
  </div><!-- /.navbar-collapse -->
        </div>
      </div>
	 <div id="siderbar" class="col-lg-2">
	  @yield('siderbar')
	  </div>
      <!-- Begin page content -->
      <div id="main" class="container  container-fluid col-lg-6 col-lg-offset-2 ">
	
	
       @if(Session::has('global'))
          <div class="alert alert-info">
  			<p>{{Session::get('global')}}</p>
  		  </div>	
       @endif

       @yield('content')

	 
    </div>

    <div id="footer">
      <div class="container">
        <p class="text-muted">
	      &copy; twoPLUGS 2014  | <a href="/intro">Contact Us</a> |<a href="#"> Privacy Statement</a> | <a href="#">Terms of use</a> | <a href="#">Trademarks  </a></p>
      </div>
    </div>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
     {{HTML::script('js/jquery-1.10.2.min.js')}}
     {{HTML::script('js/bootstrap.min.js')}}
     
  </body>
</html>
